body{
	margin: 0;
	padding: 0;
	background-image: url(../../img/img.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.container{
	width: 900px;
	height: 450px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -225px;
	margin-left: -450px;
	background-color: rgba(151,151,151,0.6);
	border-radius: 20px;
	border: 1px solid #EEEEEE;
}
.container .container-left{
	width: 40%;
	height: 100%;
	float: left;
}
.container .container-right{
	width: 60%;
	height: 100%;
	background-color: rgba(220,220,220,0.8);
	float: left;
	border-radius:0 20px 20px 0;
	position: relative;
}
.container .container-right .btn{
	width: 220px;
	height: 50px;
	background-color: #1f6cc0;
	/* 绝对定位 */
	position: absolute;
	top: 60px;
	left: 50%;
	margin-left: -110px;
	border-radius: 10px;
}
.container .container-right .btn .btn-login,
.container .container-right .btn .btn-reg{
	width: 50%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	float: left;
	color:rgba(220,220,220,0.8);
}
.container .container-right .btn .btn-login{
	border-right: 1px solid rgba(220,220,220,0.8);
	width: calc(50% - 1px);
}
.container .container-right .form{
	width: 340px;
	height: 220px;
	position: absolute;
	top: 130px;
	left: 50%;
	margin-left: -220px;
	padding: 20px 50px;
}
.container .container-right .form .form-text{
	margin: 10px 50px;
	line-height: 40px;
	height: 40px;
	border-bottom: #1F6CC0 2px solid;
}
.container .container-right .form .form-text input{
	border: none;
	background-color: rgba(220,220,220,1);
	outline: none;
	height: 37px;
	width: 240px;
	color: #1F6CC0;

}
.container .container-right .form h6{
	color: #dd578d;
	text-align: center;
	margin: 20px;
	font-size: 14px;
}
.container .container-right .form .form-btn input{
	width: 200px;
	height: 40px;
	border: none;
	background-color: #1f6cc0;
	margin: 0 70px;
	border-radius: 10px;
	color:rgba(220,220,220,0.8);
}
#reg{
	z-index: 0;
}
#log{
	z-index: 20;
}

